<div id="contenedor" class="container">  
    <div class="row-fluid">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter">
                <li><b>Información de tu cuenta personal del acceso</b></li>
            </ul>
        </div>
    </div>
    <?php $usuario = $usuario[0]; // var_dump($usuario)?>
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-striped table-bordered">
                <thead>
                <th>Nombre</th>
                <th>Usuario</th>
                <th>Contraseña</th>
                <?php if ($usuario->rol == 'administrador') { ?>
                    <th>codigo de recomendación</th>
                <?php } ?>
                <th>Tipo</th>
                </thead>
                <tbody>
                    <tr>
                        <td><center><?php echo $usuario->nombre_completo; ?></center></td>
                <td><center><?php echo $usuario->usuario; ?></td>
                    <td><center><a href="#modalCambiarPass" class="btn btn-small btn-success" id="btn-cambiar" data-toggle="modal"><i class='icon-repeat'></i> Cambiar</a></center></td>
                    <?php if ($usuario->rol == 'administrador') { ?>
                        <td><center><h5><?php echo $usuario->codigo_de_recomendacion ?></h5></center></td>
                    <?php } ?>
                    <td><center><?php echo strtoupper($usuario->rol) ?></center></td>
                    </tr>   

                    </tbody>   
            </table>                
        </div>  
    </div>     
</div>  

<!--  MODAL DE CAMBIO DE CONTRASEÑA -->

<div id="modalCambiarPass" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" >Cambio de contraseña</h4>
    </div>
    <div id="div-error" class="alert alert-error hide" >
        <h4><center id="message-error"> </center></h4>
    </div>

    <div class="modal-body">        
        <form id="form-cambiar-pass" action="cuenta/cambiarPassword" method="post">               
            <div class="row-fluid">                    
                <div class="span12">
                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Antigua contraseña:</label>
                        </div>
                        <div class="span7">
                            <input id="old-pass" class="requerido"  type="password" name="last-password" >
                        </div>
                    </div>
                    <hr>
                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Nueva contraseña:</label>
                        </div>
                        <div class="span7">
                            <input id="nueva-pass1" class="requerido" type="password" name="password" >
                        </div>
                    </div>

                    <div class="row-fluid"> 
                        <div class="span5">
                            <label class="pull-right">Repetir contraseña:</label>
                        </div>
                        <div class="span7">
                            <input id="nueva-pass2" class="requerido"  type="password" name="password1" >
                        </div>
                    </div>

                </div>


            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal">Cancelar</button>
                <button type="submit" class="btn btn-inverse" id="proveedor-submit">Enviar</button>
            </div>
        </form>     
    </div>
</div>



